<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人信息修改</title>
    <link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/2.3.0/weui.min.css" />
    <script src="https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js" charset="utf-8"></script>
</head>

<body class="personaldata">
    <header class="personaldata-head">
        <span class="back">&lt;</span>
        个人资料
    </header>
    <main class="personaldata-main">
        <div class="weui-cells">
            <!-- 更换头像 -->
            <div class="weui-cell weui-cell_access">
                <div class="weui-cell__bd">
                    <p>更换头像</p>
                    <label>
                        <input type="file" id="headchange" style="display:none">
                        <img src="../../assets/images/dog.jpg" id="head" data-url="">
                    </label>
                </div>
                <div class="weui-cell__ft"></div>
            </div>
            <!-- 昵称 -->
            <div class="weui-cell ">
                <div class="weui-cell__bd">
                    <p>昵称</p>
                </div>
                <div class="weui-cell__ft">
                    <input class="nickname" value="用户名">
                </div>
            </div>
            <!-- 性别 -->
            <a class="weui-cell  weui-cell_access" id="genderBox">
                <span class="weui-cell__bd">
                    <span>性别</span>
                </span>
                <span class="weui-cell__ft" id="gender" data-num="0">男</span>
            </a>
            <!-- 生日 -->
            <a class="weui-cell weui-cell_access" id="birthday">
                <span class="weui-cell__bd">
                    <span>生日</span>
                </span>
                <span class="weui-cell__ft" id="birthdayNum">未选择</span>

            </a>
            <!-- 所在省份 -->
            <a class="weui-cell weui-cell_access">
                <span class="weui-cell__bd">
                    <span>所在省份</span>
                </span>
                <span class="weui-cell__ft" id="province" data-provinceId="0">未选择</span>
            </a>
            <!-- 所在城市 -->
            <a class="weui-cell weui-cell_access" id="cityBox">
                <span class="weui-cell__bd">
                    <span>所在城市</span>
                </span>
                <span class="weui-cell__ft" id="city" data-cityId="0">未选择</span>
            </a>
            <!-- 个人简介 -->
            <div class="weui-cell ">
                <p>个人简介</p>
            </div>
            <div class="weui-cell weui-cell_active">
                <div class="weui-cell__bd">
                    <textarea id="sign" maxlength="20" class="weui-textarea" placeholder="请描述你所发生的问题" rows="3"></textarea>
                    <div role="option" class="weui-textarea-counter"><span class="textNum">0</span>/20</div>
                </div>
            </div>
        </div>
        <div class="saveBox">
            <button class="saveBtn">保存信息</button>
        </div>
    </main>
</body>

</html>